<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="renderer" content="webkit">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="js/jquery-easyui-1.4.4/themes/bootstrap/easyui.css">
		<link rel="stylesheet" href="js/jquery-easyui-1.4.4/themes/icon.css">
		<link rel="stylesheet" href="css/ext_icon.css">
		<script src="js/jquery-easyui-1.4.4/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
		<script src="js/jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
		<script src="js/ext_jquery.js"></script>
		<script src="js/ext_easyui.js"></script>
		<script src="js/jquery.form.js"></script>
		<script src="js/My97DatePicker/WdatePicker.js"></script>
		<script src="js/Chart.min.js"></script>
		<script src="js/util.js"></script>
		<script src="js/ckeditor/ckeditor.js"></script>
		<link rel="stylesheet" href="css/style.css">
		<script src="js/main.js"></script>
		<title>管理系统</title>
	</head>

	<body style="background-color: #DCDDDE; width: 100%; height: 100%;">
		<script>
			$(function() {
				var width = ($(window).width() - $('.login-box').width()) / 2;
				var height = ($(window).height() - $('.login-box').height()) / 2;
				if (height < 110) {
					height = 110;
				}
				$('.login-box').css({
					'top': height,
					'left': width
				});
				$('.textbox-text').attr('onkeydown',
					'if(event.keyCode==13){submitForm();return false;}');
			});

			function submitForm() {
				if ($('#login-form').form('enableValidation').form('validate')) {}
				location.href = 'index.html';
			}
		</script>
		<div class="header">
			<img src="images/logo.png" height="30"><span>&nbsp;&nbsp;管理系统</span>
		</div>
		<div class="header-green">Login</div>
		<div class="login-box">
			<div>用户登录</div>
			<form id="login-form" action="login.do" method="post">
				<table>
					<tr>
						<th>用户名</th>
					</tr>
					<tr>
						<td><input class="easyui-textbox" name="username" data-options="required:true,validType:'account[3,10]',
								icons: [{
									iconCls:'icon-clear',
									handler: function(e){
										$(e.data.target).textbox('clear');
										}
									}]" style="width: 100%; height: 30px;"></td>
					</tr>
					<tr>
						<th>密&nbsp;&nbsp;&nbsp;码</th>
					</tr>
					<tr>
						<td><input class="easyui-textbox" type="password" name="password" data-options="required:true,validType:'password[3,10]',
								icons: [{
									iconCls:'icon-clear',
									handler: function(e){
										$(e.data.target).textbox('clear');
										}
									}]" style="width: 100%; height: 30px;"></td>
					</tr>
					<tr>
						<th>验证码</th>
					</tr>
					<tr>
						<td><input class="easyui-textbox" name="validateCode" data-options="required:true,validType:'length[4,4]',tipPosition:'left',
								icons: [{
									iconCls:'icon-clear',
									handler: function(e){
										$(e.data.target).textbox('clear');
										}
									}]" style="width: 40%; height: 30px;"> <img height="23" src="images/login_validate_image.do.jpg" title="刷新验证码" id="rand"></td>
					</tr>
					<tr>
						<td style="text-align: right;"><a href="javascript:void(0);" class="btn btn-success" role="button" onclick="submitForm();return false;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登&nbsp;&nbsp;&nbsp;录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					</a>
							<!-- &nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" class="btn btn-success" role="button" onclick="$('#login-form').form('clear');">重&nbsp;&nbsp;&nbsp;&nbsp;置</a> -->
						</td>
					</tr>
				</table>
			</form>
		</div>
	</body>

</html>